<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>员工签到</title>
<script src="../js/global.js"></script>
<script type="text/javascript">
	$(function() {
		init();
	})
	function init() {
		$("#userCheck").datagrid({
			url : 'getUsercheckAll',
			method : 'post',
			pagination : true,
			singleSelect : false,
			toolbar : '#userchecksTool',
			queryParams : {
				userName : $("#username").val(),
				checkInTime : $('#checkTime').datebox('getValue'),
				isCancel : $('#isCancel').combobox('getValue'),
				checkOutTime : $('#checkOutTime').datebox('getValue'),
			}
		})
	}
	/* 	function shuaxin() {
	 $("#userCheck").datagrid({
	 url : 'getUsercheckAll',
	 method : 'post',
	 pagination : true,
	 singleSelect : true,
	 toolbar : '#userchecksTool',
	 queryParams : {
	 userName : "",
	 checkInTime : "",
	 isCancel : "",
	 checkOutTime : "",
	 }
	 })
	 } */
	function formattercaozuo(value, row, index) {
		return "<a href='javascript:void(0)' onclick='qiant(" + index
				+ ")'>签出</a>";
	}
	 //签出
	function qiant(index) {
		var data = $("#userCheck").datagrid("getData");
		var row = data.rows[index];
		if (row.isCancel == "未签出" && row.checkState=="已签到") {
			$.post("updateUserCheckQC", {
				isCancel : "已签出",
				Id : row.id
			}, function(res) {
				if (res > 0) {
					$("#userCheck").datagrid("reload");
					$.messager.alert("提示", "签出成功");

				} else {
					$.messager.alert("提示", "签出失败");
				}
			}, "json");
		} else {
			$.messager.alert("提示", "已签出,无需进行重复操作");
		}

	}
	//一键签退
	function OpenAllotSetting() {
		var ids='';
		var rows = $("#userCheck").datagrid("getSelections");//获取表格签退数据
		if (rows.length == 0) { //当未选中数据就点击签退时，会提示“请选择要签退的员工”
			$.messager.alert("系统信息", "请选择要签退的员工！");
			return;
		}
		for(var i=0;i<rows.length;i++){ //将获取到的数据循还输出
	        var data=rows[i];
	        if(data.checkState=="未签到"){  //如果选中的数据中存在没有签到的员工，就提示。
	        	$.messager.alert("系统信息", "请选择已经签到的员工进行签退！");
	        	return;
	        }else{
	        	ids=ids+data.userId+",";  //将选中数据的id拼接成字符串给变量ids。
	        }
	    }
		alert(ids);
	   	$.post("upsignon",{
	   		userId:ids
	   	},function(res){
	   		if(res>0){
	   			$.messager.alert("提示", "签退成功！");
	   			$("#userCheck").datagrid("reload");
	   		}
	   	},"json")
		
	}
	 
</script>
</head>
<body>
	<!-- 员工签到信息工具栏的多条件检索 -->
	<div id="userchecksTool">
		姓名：<input type="text" class="easyui-textbox" id="username">
		签到时间:<input type="text" class="easyui-datebox" id="checkTime">
		签出状态:<select id="isCancel" class="easyui-combobox">
			<option value="">--请选择--</option>
			<option value="已签出">已签出</option>
			<option value="未签出">未签出</option>
		</select> 签出时间:<input type="text" class="easyui-datebox" id="checkOutTime">
		<a href="javascript:void(0)" onclick="init()"
			class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a>
			<a href="javascript:void(0)" class="easyui-linkbutton" onclick="OpenAllotSetting()" data-options="iconCls:'icon-redo'">一键签退</a>
		<!-- <a href="javascript:void(0)" onclick="shuaxin()"
			class="easyui-linkbutton" data-options="iconCls:'icon-reload'">刷新</a> -->
	</div>
	<!-- 员工签到信息显示表格 -->
	<table id="userCheck" class="easyui-datagrid">
		<thead>
			<tr>
				<th data-options="field:'xz',checkbox : true"></th>
				<th data-options="field:'Id',title:'编号',hidden:true"></th>
				<th data-options="field:'userId',title:'用户编号',hidden:true"></th>
				<th data-options="field:'userName',title:'员工名称'"></th>
				<th data-options="field:'checkInTime',title:'签到时间'"></th>
				<th data-options="field:'checkState',title:'签到状态'"></th>
				<th data-options="field:'isCancel',title:'签出状态'"></th>
				<th data-options="field:'checkOutTime',title:'签出时间'"></th>

				<th
					data-options="field:'caozuo',title:'操作',formatter:formattercaozuo"></th>
		</thead>

	</table>
</body>

</html>